<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <table border="1">
        <caption>员工列表</caption>
        <tr>
            <th>id</th>
            <th>姓名</th>
            <th>工资</th>
            <th>工作</th>
        </tr>
        <tr v-for="emp in arr">
            <td>{{emp.id}}</td>
            <td>{{emp.name}}</td>
            <td>{{emp.salary}}</td>
            <td>{{emp.job}}</td>
        </tr>

    </table>
</div>
<script src="vue.js"></script>
<script>

    let v= new Vue({
        el:"div",
        data:{
            arr:[
                {id:1,name:"张三",salary:5000,job:"销售"},
                {id:2,name:"李四",salary:6000,job:"程序员"},
                {id:3,name:"王五",salary:2000,job:"市场"}
            ]

        }
    })
</script>
</body>
</html>